 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta http-equiv="Expires" CONTENT="0">
	<meta http-equiv="Cache-Control" CONTENT="no-cache">
	<meta http-equiv="Pragma" CONTENT="no-cache">
	<meta name=”viewport” content="width=device-width" initial-scale="1", maximum-scale="1" user-scalable="no">
	<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
	<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">
	<link rel="stylesheet" type="text/css" href="css/answer.css">
	
	<link href="https://cdn.bootcss.com/toastr.js/latest/css/toastr.css" rel="stylesheet">
	<script src="https://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>
	<style>

</style>

</head>
<body>
	<div class="paraArray" style="display: none;">
		<span class="score"></span>
	</div>
	<div class="test container-fluid" style="padding: 0px 0px;">
		<div class="test-theme col-md-12 col-sm-12">
			<h1 align="center">大学生心理知识竞赛答题</h1>
		</div>
		<div class="col-sm-12 col-md-12 test-question">
			<!--答题板块-->
			<div class="test-question-body col-md-6  col-md-offset-3 col-sm-12"  style="padding: 0px 0px;">
				<div class="alert-message col-md-12 col-sm-12">
					<span class="alert-text col-md-6 col-sm-6">
						<span class="alert-img glyphicon glyphicon-exclamation-sign"></span>
						&nbsp;请勿离开此界面！
					</span>
					<span class="less-text col-md-6 col-sm-6" ><span style="float:right;">答题倒计时:&nbsp;<span class="less-time" style="color:red;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></span></span>
				</div>
				<!--题目列表--->
				<div class="question-list col-md-12 col-sm-12"  style="padding: 0px 0px;">
					
				</div>
				
				<!--题目切换按钮组-->
				<div class="question-list-buttons col-md-12 col-sm-12">

					<button id="last-question" class="btn btn-danger col-md-4 col-sm-4">上一题</button>
					<button id="next-question" class="btn btn-success col-md-4 col-md-offset-4 col-sm-4 col-sm-offset-4">下一题</button>
				</div>
			</div>

		</div>
		
	</div>
	<div class="footer col-md-12 col-sm-12 " style="padding: 0px 0px;">
			<div class="answer-footer col-md-12 col-sm-12">
            版权所有 <a href="https://baike.baidu.com/item/%E6%B1%9F%E8%A5%BF%E5%86%9C%E4%B8%9A%E5%A4%A7%E5%AD%A6%E8%BD%AF%E4%BB%B6%E5%AD%A6%E9%99%A2%E9%9D%92%E8%97%A4%E5%B7%A5%E4%BD%9C%E5%AE%A4" target="blank" style="color:#ccc">江西农业大学软件学院青藤工作室</a> ©青藤设计
    	   </div>
		</div>
	
</body>
</html>

<script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js" ></script>
<script type="text/javascript" src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js" ></script> 
<script type="text/javascript" src="http://cdn.staticfile.org/artTemplate.js/3.0.1/template.js"></script>
<script type="text/javascript" src="js/answer.js"></script>
<script type="text/javascript">
	$(function(){
		window.history.forward(1);
	});
</script>

	<script type="text/html" id="template-question-checkbox">
		<div class="test-question-body-div col-md-12 col-sm-12"  style="padding: 0px 0px;">
			<!---->
			<div class="col-md-12 col-sm-12 question-text">
				<span class="question-listNumber">{{index}}.</span>
				<span class="question-type" align="center">(多选)</span>
				<span class="question-text-content">{{text}}</span>
			</div>
			<!---->
			<div class="radio-div col-md-12 col-sm-12" style="padding: 0px 0px;">
				<!-- -->
				<ul class="test-question-radio list-unstyled col-md-12 col-sm-12">
					<li class="col-md-12 col-sm-12" style="height:35px;">
						<label  for="{{id1}}" >
							<input name="{{index}}" type="checkbox" value="A"  id="{{id1}}"/>{{a}}
						</label>
					</li>
					<li class="col-md-12 col-sm-12" style="height:35px;">
						<label for="{{id2}}">
							<input name="{{index}}" type="checkbox" value="B"  id="{{id2}}" />{{b}}
						</label>
					</li>
					<li class="col-md-12 col-sm-12" style="height:35px;">
						<label for="{{id3}}"  >
							<input name="{{index}}" type="checkbox" value="C"  id="{{id3}}" />{{c}}
						</label>
					</li>
					<li class="col-md-12 col-sm-12" style="height:35px;">
						<label for="{{id4}}"  >
							<input name="{{index}}" type="checkbox" value="D"  id="{{id4}}"/>{{d}}
						</label>
					</li>
				</ul>
			</div>
		</div>	
	</script>
	<script type="text/html" id="template-question-radios">
		<div class="test-question-body-div col-md-12 col-sm-12">
			<!---->
			<div class="col-md-12 col-sm-12 question-text">
				<span class="question-listNumber">{{index}}.</span>
<span class="question-type" align="center">(单选)</span>
				<span class="question-text-content">{{question}}</span>
			</div>
			<!---->
			<div class="radio-div col-md-12 col-sm-12">
				<!-- -->
				<ul class="test-question-radio list-unstyled col-md-12 col-sm-12">
					<li class="col-md-12 col-sm-12">
						<label  for="{{id1}}"  style="padding:10px 0px;">
							<input name="{{index}}" type="radio" value="A"  id="{{id1}}"/>{{a}}
						</label>
					</li>
					<li class="col-md-12 col-sm-12" >
						<label for="{{id2}}"  style="padding:10px 0px;">
							<input name="{{index}}" type="radio" value="B"  id="{{id2}}" />{{b}}
						</label>
					</li>
					<li class="col-md-12 col-sm-12">
						<label for="{{id3}}" style="padding:10px 0px;">
							<input name="{{index}}" type="radio" value="C"  id="{{id3}}" />{{c}}
						</label>
					</li>
					<li class="col-md-12 col-sm-12">
						<label for="{{id4}}"  style="padding:10px 0px;">
							<input name="{{index}}" type="radio" value="D"  id="{{id4}}"/>{{d}}
						</label>
					</li>
				</ul>
			</div>
		</div>
	</script>
	<script type="text/html" id="template-question-radio">
		<div class="test-question-body-div col-md-12 col-sm-12">
			<!---->
			<div class="col-md-12 col-sm-12 question-text">
				<span class="question-listNumber">{{index}}.</span>
<span class="question-type" align="center">(判断)</span>
				<span class="question-text-content">{{text}}</span>
			</div>
			<!---->
			<div class="radio-div col-md-12 col-sm-12">
				<!-- -->
				<ul class="test-question-radio list-unstyled col-md-12 col-sm-12">
					<li class="col-md-12 col-sm-12" style="height:35px;padding-top:15px;">
						<label  for="{{id1}}">
							<input name="{{index}}" type="radio" value="A"  id="{{id1}}"/>{{a}}
						</label>
					</li>
					<li class="col-md-12 col-sm-12" style="height:35px;padding-top:15px;">
						<label for="{{id2}}">
							<input name="{{index}}" type="radio" value="B"  id="{{id2}}" />{{b}}
						</label>
					</li>
				</ul>
			</div>
		</div>
	</script>